$(function() {
    let page = 1;
    let perpage = 10;
    // 请求地址：/admin/comment/search
    // 请求方式：get
    // 请求参数：
    try {
        require('jQuery')
    } catch (err) {
        console.log(err);
    }
    //做出页面的分页效果，首先要引入插件的js文件，然后
    function renderPage(total) {
        // bootstrapPaginator:可以自动的生成分页结构
        // 我们指定这个分页结构渲染在哪个位置？
        $('.pagination').bootstrapPaginator({
            bootstrapMajorVersion: 3,
            currentPage: page,
            totalPages: total,
            onPageClicked: function(event, originalEvent, type, cpage) {
                console.log(cpage) // 4
                    // cpage就是用户单击所单击的页码，我们如何获取这个页码所对应的数据呢？
                    // 我们只需要重置 全局的页码page,再让ajax根据重置后的page发送数据请求
                page = cpage
                init()
            }
        })
    }

    function init() {
        $.ajax({
            type: 'get',
            url: bignew.user_comment_search,
            data: { page, perpage },
            dataType: 'json',
            success: function(res) {
                console.log(res);
                if (res.code === 200) {
                    $('tbody').html(template('commentlistTemp', res.data))
                    renderPage(res.data.totalPage)
                }
            }
        })
    }
    init()

    //批准按钮
    // 因为批准按钮是动态添加的，所以在这里需要采用委托事件的方法来做点击事件
    $('tbody').on('click', '.btn-accept', function(e) {
            e.preventDefault()
            let id = $(this).data('id')
            console.log(id);
            // 请求地址： / admin / comment / pass
            // 请求方式： post
            // 请求参数：
            opt(bignew.user_comment_pass, id, init)
        })
        //拒绝按钮的操作
    $('tbody').on('click', '.btn-refuce', function(e) {
            e.preventDefault()
            let id = $(this).data('id')
            console.log(id);
            opt(bignew.user_comment_reject, id, init)
        })
        //删除按钮的操作
    $('tbody').on('click', '.btn-delete', function(e) {
            e.preventDefault()
            let id = $(this).data('id')
            let arrObj = $(this).parents('tr').siblings().length;
            console.log(12323, arrObj);
            console.log(id);
            opt(bignew.user_comment_delete, id, function() {
                if (arrObj == 0) {
                    if (page > 1) {
                        page--
                    }
                    init()
                } else {
                    init()
                }
            })
        })
        //封装出三个按钮的ajax请求
    function opt(url, id, callback) {
        $.ajax({
            type: 'post',
            url: url,
            data: { id },
            dataType: 'json',
            success: function(res) {
                console.log(res);
                if (res.code == 200) {
                    alert(res.msg)
                        // init()
                    callback && callback()
                }
            }
        })
    }





})